<template>
	<div class="collectionMessa">
		<el-tabs v-model="activeName">
		    <el-tab-pane label="案件信息" name="first">
		    	<collectionCase :queryMsg="queryMsg"></collectionCase>
		    </el-tab-pane>
		    <el-tab-pane label="催收记录" name="second">
		    	<collectionRecord :queryMsg="queryMsg"></collectionRecord>
		    </el-tab-pane>
		</el-tabs>
	</div>
</template>
<script>
	import collectionRecord from './collectionRecord.vue';
	import collectionCase from './collectionCase.vue';
	export default({
		props:["queryMsg"],
		data(){
			return{
				activeName: 'first'
			}
		},
		methods: {

	    },
		components:{
			collectionRecord,
			collectionCase
		},
		created(){
			let that = this;
		}
	})
</script>
<style lang="less">
	.collectionMessa{
		.el-tabs{
			position:relative;
			margin-top: 20px;

			.el-tabs__header{
				position:relative !important;

				width:auto !important;
			}
			.el-tabs__content{
				position:relative !important;
				top:0 !important;
			}
		}
	}

</style>
